@charset "UTF-8";


.index_header{ height:482px;background:url(../../images/boonet/service_bg.gif) repeat-x bottom;}

.index_banner{height:480px; width:100%;  overflow:hidden; text-align:center;background:url(../../images/boonet/service_bg.gif) repeat-x bottom;}

.home-slider{ overflow:hidden; }

.design_box{ width:1200px; margin:0px auto;position:relative; z-index:100; left:0px; }

.design{width:1200px;margin:0 auto;position:absolute;bottom:30px;left:0px;overflow:hidden;z-index:100;}

.design dl{float:left;width:310px;height:100px;background: url(../../images/boonet/design_dl_bg.gif) no-repeat;text-align:center;padding:10px 30px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.design dl.sel{background: url(../../images/boonet/design_dl_bg_hover.gif) no-repeat;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.design dl.sel dd{color:#fff;}

.design_center{margin:0 45px;}

.design dl dt{width:300px;font-family:"微软雅黑";font-size:20px;font-weight:bold;border-bottom:#0F6;}

.design dl dd{line-height:20px;padding-top:10px;color:#999; width:280px; text-align:center; margin:0px auto;}

.xcontent{margin-top:40px;}

.footer { height:358px;}

.contain { margin: 0 auto; min-width: 1200px; position: relative; width: 1200px;}

.who{position:relative;padding:40px 0;}

.who p{text-align:center;font-size:14px;color:#666;}

.ourcase p.himg img{display:inline-block;}

.who .pitxt { margin:10px auto 45px;}

.contain h1{font-size:32px}.contain h2{line-height:26px}.contain h3{font-size:18px} 

.f16{font-size:16px}.f18{font-size:18px}.lh_22{line-height:22px}

.text_c{text-align:center}.text_r{text-align:right}.italic{font-style: italic}

.m_t10{margin-top:5px; color:#888}
.m_t20{margin-top:20px;text-align: center;}
.m_t30{margin-top:30px}
.m_b10{margin-bottom:10px}

.black{color:#000}.blue{background:#28b5d2}.orange{background:#ffa000}.blue_dark{background:#008dc6}.orange_dark{background:#ff6915}

/*clearfix*/

.clearfix {*zoom: 1}

.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0}

.clearfix:after {clear: both}.clear{clear:both}

.container .alpha {margin-left: 0px}

.container .omega {margin-right: 0px}

.row {*zoom: 1; margin-left:-30px}

.row:before,.row:after {display: table;content: "";line-height: 0}

.row:after {clear: both}

[class*="grid_"] {float: left;min-height: 1px; margin-left:30px}



.container {width: 1170px}

.grid_4 {width: 270px}

.grid_3 {width: 270px}

/*
新增公司简介部分的样式
*/

.gongsijianjie{ margin: 0 auto; min-width: 1200px; position: relative; width: 1200px;}
.gongsijianjie .gongsiwenzi{ width:350px; height:200px; margin-left:50px; margin-right:20px; float:left; font-size:16px; }
.gongsijianjie .gongsiwenzi img{vertical-align: middle;}
.gognsijianjie .gongsitupian{ width:780px; height:200px; float:right;}
.gognsijianjie .gongsitupian img{ padding-left:15px;}





.container{margin:0 auto}.cont_pad{padding:28px 0 50px!important}

.img_wrap2{display: block;padding:8px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}

.ico_block{margin:0 auto;width:120px; height:120px;border-radius:50%; display:block}

.ico_block img{padding:20px;

-moz-transition: all 0.8s ease-in-out; 

-webkit-transition: all 0.8s ease-in-out; 

-o-transition: all 0.8s ease-in-out; 

-ms-transition: all 0.8s ease-in-out; 

transition: all 0.8s ease-in-out; 

} 

.ico_block img:hover{ 

-moz-transform: rotate(360deg); 

-webkit-transform: rotate(360deg); 

-o-transform: rotate(360deg); 

-ms-transform: rotate(360deg); 

transform: rotate(360deg); 

} 





.case_show {position:relative;}

.case_show img{ width:270px; height:253px; transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.case_show a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); max-height:260px}

.index_tit{text-align:center; margin:40px 0; padding-bottom:8px;}

.index_tit .p1{ font-size:33px; font-weight:bolder; text-transform:uppercase;}

.index_tit .p2{ font-size:20px; line-height:50px; border-bottom:1px #cccccc solid; width:125px; margin:0px auto}

.index_tit .p2 a{font-size:20px;}

.index_tit1{text-align:center;padding-bottom:8px; margin-top:15px;}

.index_tit1 .p1{ font-size:33px; font-weight:bolder; text-transform:uppercase;}

.index_tit1 .p2{ font-size:20px; line-height:50px; border-bottom:1px #cccccc solid; width:350px; margin:0px auto}

.index_tit1 .p2 a{font-size:20px;}

.index_tit1 .p2 span{ margin-left:2	0px;}

.index_tit1 .p2 span a{ font-size:20px; font-weight:bold; color:#1864c2;}


.index_adv{ background:url(../images/whybg.png) center 0 no-repeat; height:217px; padding-top:225px; }

.index_adv .next{  cursor:pointer; width:32px; position:absolute; z-index:99;top:40px; right:0px; display:block}

.index_adv .next img{ display:block;}

.index_adv ul{ height:135px; overflow:hidden}

.index_adv_box{ width:540px;float:left;}

.index_adv_box .p1{ font-size:34px; color:#ffffff; line-height:45px;}

.index_adv_box .p2{ font-size:16px; color:#f8f8f8; line-height:30px;}

.index_adv .slideBox{position: relative;width: 580px;height: 135px;overflow: hidden; float:right}

.index_adv .slideBox .bd{ position:relative; height:100%; z-index:0; float:right; margin-right:40px; }

.index_cw li{ float:left; width:25%; *width:24%; margin:0px; border-right:1px solid #eee; border-bottom:1px solid #eee; margin-left:-1px;}

.index_cw li.nobottbor { border-bottom:none}

.index_cw li.nortbor { border-right:none}

.index_cw li img{ display:block; margin:0px auto;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}



.index_cw li a:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); 

}



.ournews{position:relative;padding:40px 0 0;background:#f3efe9;}

.ournews p.himg{text-align:center;margin-bottom:30px; }

.l_news{width:300px;float:left;background:#fff;height:352px;}

.l_news .ln_img{width:300px;height:180px;position:relative;overflow:hidden;}

.l_news .ln_img img{width:300px;height:180px; transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}

.l_news .ln_img a:hover img{transform:scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); }



.l_news .ln_img span{position:absolute;top:14px;left:16px;width:58px;height:36px;line-height:36px;text-align:center;display:block;color:#fff;background:#ec1419;}

.l_news .ln_img span.ra{font-size:30px;}

.l_news .ln_img span.rb{top:50px;color:#f8ebeb;background:#c01317;}

.l_news p.ln_til{font-size:16px;color:#000;font-weight:600;padding:15px 20px 0; margin-bottom:15px; height:24px; overflow:hidden}

.l_news p.ln_til a{color:#000;}.l_news p.ln_til a:hover{color:#21A7F1;}

.l_news p.ln_des{font-size:12px;color:#666;line-height:2em;padding:0 20px 10px 20px;}

.l_news p.ln_data { padding:0 20px;}

.c_news{width:890px;float:left;margin:0 0 0 8px; overflow:hidden}

.cn_item{ float:left; margin-right:10px; background:#fff;width:431px;height:81px;overflow:hidden;margin-bottom:4px; border:2px solid #fff;}

.cn_item:hover{ border-color:#21A7F1}

.cn_item:hover p.cn_til a{color:#21A7F1; font-weight:700}

.cn_item:hover p.cn_des{color:#999;}

.cn_item span{width:56px;height:60px;text-align:center;background:#17AEF5;display:block;float:left;margin:12px;color:#fff; font-size:30px; line-height:54px; border-radius:50%;}

.cn_item .deannewdate { margin:15px 10px 0; background:#21A7F1 url(../../images/boonet/redarrow.png) no-repeat scroll right top; border-radius: 3px 0 0 3px; color: #fff;float: left;font-size: 16px; height: 51px; line-height: 51px; text-indent:8px; width:110px;}



.cn_item span b{font-size:20px;line-height:1.8em;}

.cn_item p.cn_til{margin-top:10px;color:#000; height:21px; overflow:hidden}

.cn_item p.cn_til a{color:#000;font-size:14px;}

.cn_item p.cn_des{color:#666;margin:5px 0 0 0;line-height:16px; padding-right:10px;}

.r_news{width:240px;height:352px;float:left;margin-left:4px;background:#ece6dd;}

.rn_tt{width:100%;height:174px;overflow:hidden;}

.rn_tt .rn_til{font-size:16px;color:#000;padding:12px 20px 12px 20px;line-height:1.5em;}

.rn_tt .rn_til a{color:#000;}

.rn_tt .rn_des{font-size:12px;color:#666;line-height:20px;padding:0 20px 20px 20px;}

.rn_logo{width:100%;height:178px;background:#ef9b11;position:relative;overflow:hidden;text-align:center;}

.rn_logo img{display:inline-block;width:240px;height:178px;}

.rn_logo em{width:18px;height:10px;display:block;position:absolute;top:0;left:111px;}

.slideTxtBox{ width:1200px; margin:0px auto; padding-bottom:25px;}

.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;position:relative; width:490px;margin:0 auto; margin-bottom:15px;}

.slideTxtBox .hd ul{ float:left;position:absolute; left:20px; top:-1px; height:32px; }

.slideTxtBox .hd ul li{ float:left; display: block; width:150px; height:28px; text-align:center; line-height:28px; color:#fff;background:#fff;border-radius:12px; margin:0 15px 0 0;}

.slideTxtBox .hd ul li a{ color:#333; display: block;transition:all ease 0.4s;border-radius:12px;}

.slideTxtBox .hd ul li a:hover{ background:#eb3900; color:#fff;transition:all ease 0.4s;border-radius:12px;}

.slideTxtBox .hd ul li.on a{background:#eb3900; color:#fff;border-radius:12px; transition:all ease 0.4s;}

.slideTxtBox .hd ul li.on{background:#eb3900; color:#333;border-radius:12px;transition:all ease 0.4s; }

.m_box { margin: 0 auto 80px; width: 1150px;}

.ournews .bd { height: 386px; position: relative; width: 1200px;}









/*首页解决方案*/

.box_f{ width:100%; background:#17aef5; height:605px;}

.box_f .titl{ text-align:center; height:145px; padding-top:35px; }

.box_f .titl h2 { font-size:40px; color:#fff; font-weight:normal;}

.box_f .titl .p2 { border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 46px; margin: 0 auto; width: 160px; color:#fbfbfb}

.box{ width:1200px; margin:auto;}

.box ul li{ float:left; height:400px; width:250px; margin:0 20px; overflow:hidden; background:url(../../images/boonet/orange.jpg)  0 400px no-repeat; position:relative; text-align:center}

.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}

.box ul li u{ position:absolute; display:block; margin-left:25px; width:200px; height:200px; background:url(../../images/boonet/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s; *margin-left:0px; *left:20px;}

.box ul li:hover u { *display:none}

.box ul li u.cr{clip:rect(0px,200px,-10px,100px);   }

.box.active ul li u.cr{clip:rect(0px,200px,200px,100px); }

.box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)} 

.box ul li u.cl{clip:rect(200px,100px,2000px,0px) }

.box.active ul li u.cl{clip:rect(0px,100px,200px,0px);   }

.box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) }

.box ul li i{ display:block; font-style:normal; position:absolute; height:70px; width:78px; left:83px; top:66px;  }

.box ul li.box1 i{ background:url(../../images/boonet/box1.png) 0px 0px no-repeat}

.box ul li:hover.box1 i{ background:url(../../images/boonet/box1.png) -78px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}

.box ul li.box2 i{ background:url(../../images/boonet/box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; }

.box ul li:hover.box2 i{ background:url(../../images/boonet/box2.png) -76px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}

.box ul li.box3 i{ background:url(../../images/boonet/box3.png) 0px 0px no-repeat; width:74px; left:85px;}

.box ul li:hover.box3 i{ background:url(../../images/boonet/box3.png) -74px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}

.box ul li.box4 i{ background:url(../../images/boonet/box4.png) 0px 0px no-repeat; width:70px; left:86px;}

.box ul li:hover.box4 i{ background:url(../../images/boonet/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}

.box ul li h3{ font-size:18px; color:#fff; padding:0; margin:0; line-height:24px; font-weight: bold; text-align:center; margin-top:248px;}

.box ul li h3 a{ color:#fff}

.box ul li p{ font-size:12px; color:#fff; line-height:22px; margin-top:10px; padding:0 8px}

.box ul li p a{color:#fff;}

.box ul li p a:hover{color:#fff;}

.box ul li:hover p a{color:#fff;}



.general { width:100%;margin:0 auto;background:#fff;padding:40px 0;}

.boxneral_con {width:1200px;margin:0 auto;text-align:center;line-height:24px;	}

.boxneral_title { background:url(../../images/boonet/tit_linebg.gif) no-repeat 0 0;font-size:34px;font-family:"微软雅黑";text-align:center;margin:0 auto 50px; width:400px; height:40px; line-height:40px;	}

.service_cooperation { width:1170px; margin:0 auto 50px; padding-left:30px; overflow:hidden}

.service_cooperation li { list-style:none; float:left; margin-right:85px; height:100px; overflow:hidden}

.service_cooperation li.biaoqian { background:url(../../images/boonet/cooperation_shape.png) no-repeat 0 16px; width:32px;}

.service_cooperation li p { font-size:14px; margin-top:5px;}



/*--copy right www.webfgoo.com  QQ:314250257--*/